﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1" />
    <title>Project Management System</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.js")" type="text/javascript"></script>
    <link rel="stylesheet" href="@Url.Content("~/Content/reset.css")" type="text/css" media="screen" />
    <link rel="stylesheet" href="@Url.Content("~/Content/style.css")" type="text/css" media="screen" />
    <link rel="stylesheet" href="@Url.Content("~/Content/invalid.css")" type="text/css" media="screen" />
    <link href="@Url.Content("~/Scripts/jquery-ui-1.8.20.custom.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.custom.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/simpla.jquery.configuration.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/facebox.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.wysiwyg.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.datePicker.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.date.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.cookie.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/PMS.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/PMS.lang.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.alerts.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.2.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/fileuploader.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Scripts/fileuploader.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.fn.gantt.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/gantt.css")" rel="stylesheet" type="text/css" />
    @*Open ID*@
    <link href="@Url.Content("~/Content/openid.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.3.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.openid.js")"></script>
    <script type="text/javascript">        function OpenIDClick() { $("form.openid:eq(0)").openid(); }</script>
</head>
<body id="login">
    <div id="login-wrapper" class="png_bg">
        <div id="login-top">
            <h1>
                Project Management System</h1>
            <!-- Logo (221px width) -->
            <img id="logo" src="../../Content/images/logo.png" alt="Simpla Admin logo" />
        </div>
        <!-- End #logn-top -->
        <div id="login-content">
            <form method="post" action="">
            @{if (ViewData["Message"] != null)
              {
                <div class="notification information png_bg">
                    <div>
                        @ViewData["Message"].ToString()
                    </div>
                </div>
              }
            }
            <input type="hidden" name="action" id="Action" />
            <table style="width: 800px; text-align: center">
                <tr>
                    <td style="float: left">
                        <div class="signin-box">
                            <p style="padding-bottom: 10px">
                                <strong style="color: Green; font-size: larger">Login with email student </strong>
                            </p>
                            <div class="clear">
                            </div>
                            <input class="button" type="button" id="btnLoginOpenID" value="Go to login page" />
                            <input type="hidden" name="openid_identifier" value="https://www.google.com/accounts/o8/id" />
                        </div>
                    </td>
                    <td style="float: right">
                        <div class="signin-box">
                            <p style="padding-bottom: 10px">
                                <strong style="color: Green; font-size: larger">Using your exist account</strong>
                            </p>
                            <p>
                                <label style="color: Black">
                                    Username</label>
                                <input class="text-input" type="text" name="Username" id="txtUsername" />
                            </p>
                            <div class="clear">
                            </div>
                            <p>
                                <label style="color: Black">
                                    Password</label>
                                <input class="text-input" type="password" name="Password" id="txtPassword" />
                            </p>
                            <div class="clear">
                            </div>
                            <input class="button" type="button" id="btnLoginPMS" value="Sign In" />
                        </div>
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <!-- End #login-content -->
    </div>
    @RenderBody()
    <!-- End #login-wrapper -->
</body>
</html>
<script type="text/javascript">
    $("#btnLoginOpenID").click(function () {
        $("#Action").val('logingoogle');
        $('form').submit();
    });

    $("#btnLoginPMS").click(function () {
        if ($("#txtUsername").val() == '') {
            jAlert("Please, Enter Username!", "Message");
            return;
        }
        if ($("#txtPassword").val() == '') {
            jAlert("Please, Enter Password!", "Message");
            return;
        }
        $("#Action").val('loginPMS');
        $('form').submit();
    });

    $(".text-input").keydown(function (event) {
        if (event.keyCode == 13) {
            {
                $("#Action").val('loginPMS');
                $('form').submit();
            }
        }
    });
   
</script>
